<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="m@markzou.com">
    <link rel="shortcut icon" href="favicon.png">
    <title>花予茶 - 商城首页</title>

    <!-- fav icons -->
    <link rel="shortcut icon" href="assets/img/favicon.png" />

    <link rel="stylesheet" type="text/css" href="assets/css/inc_default_theme.css">
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">

    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/jquery-1.9.0.min.js"></script>

    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respipond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="assets/js/html5shiv.js"></script>
      <script src="assets/js/respond.min.js"></script>
    <![endif]-->



</head>

<body>

<div class="container-fluid nopadding">

    <div class="page_content_orderpage">

        <div class="pc_head">

            <div class="pc_top">
                <div class="pc_w1200">
                    <ul class="pct_lnav" style="float: right;">
                        <li>零下一度，欢迎您！请 <a href="">登录</a> / <a href="">注册</a></li>
                        <li><a href=""><span class="glyphicon glyphicon-user"></span> 我的花予茶</a></li>
                        <li><a href=""><span class="glyphicon glyphicon-book"></span> 帮助中心</a></li>
                    </ul>
                    <ul class="pct_lnav">
                        <li><a href="">收藏本站</a></li>
                        <li>您现在位置 <a href="">上海</a></li>
                    </ul>
                </div>
            </div>

            <div class="pc_nav">
                <div class="pc_w1200">
                    <div class="huacha_logo"><a href="">花予茶</a></div>
                    <div class="top_catalog"><img src="assets/img/icons/catalog.png" alt=""/></div>
                    <div class="top_ad"><img data-src="holder.js/700x130" alt=""></div>
                    <div class="head_control">
                        <div class="shopping_cart">
                            <a href="">
                                <div class="cart_name"><span class="glyphicon glyphicon-shopping-cart"></span> 购物车</div>
                                <div class="cart_num">12</div>
                            </a>
                        </div>
                        <div class="nav_search">
                            <div class="search_bot"><input type="image" src="assets/img/bg/bot.png"/></div>
                            <div class="search_input"><input type="text" class="form-control" placeholder="搜索关键词"></div>
                        </div>
                        <ul class="main_nav">
                            <li><a href="" class="current">网站首页</a></li>
                            <li><a href="">所有商品</a></li>
                            <li><a href="">促销活动</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="pc_local">
            <div class="pc_w1200">
                <ul class="gps">
                    <li><span class="glyphicon glyphicon-map-marker"></span></li>
                    <li><a href="">网站首页</a></li>
                    <li><a href="" class="current">所有产品</a></li>
                </ul>
            </div>
        </div>

        <div class="pc_body">
            <div class="pc_w1200">

                <div class="pc_mod">

                    <div class="order_main">
                        <div class="om_t">填写并核对订单信息</div>

                        <div class="om_content_01">
                            <div class="oc_tit">
                                <span><a data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">[新增收货地址]</a></span>
                                收货人信息
                            </div>
                            <div class="collapse" id="collapseExample" style="clear: both; overflow: hidden; margin: 20px 0 0px 0 !important;">
                                <div class="alert alert-warning alert-dismissible fade in" role="alert" style=" margin-bottom: 0px !important; overflow: hidden;">
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <div class="form-group">
                                        <label style="padding-bottom: 10px;">请输入详细地址</label>
                                        <div style="display: block; width: 100%; clear: both">
                                            <span style="float: left; width: 150px; padding-right: 10px;">
                                                <select name="province1" class="form-control"></select>
                                            </span>
                                            <span style="float: left; width: 150px; padding-right: 10px;">
                                                <select name="city1"class="form-control"></select>
                                            </span>
                                            <span style="float: left; width: 150px; padding-right: 10px;">
                                                <select name="area1"class="form-control"></select>
                                            </span>
                                        </div>
                                        <div style="display: block; width: 100%; padding-top: 13px; clear: both; ">
                                            <input type="text" class="form-control" id="" placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group" style="display: block; width: 10%; float: left;">
                                        <label class="control-label">收货人</label>
                                        <input type="text" class="form-control" placeholder="">
                                    </div>
                                    <div class="form-group" style="display: block; width: 30%; float: left; margin-left: 20px;">
                                        <label class="control-label">手机</label>
                                        <input type="text" class="form-control" placeholder="">
                                    </div>
                                    <div class="form-group" style="display: block; width: 10%; float: left; margin-left: 20px; clear: right">
                                        <label class="control-label">邮编</label>
                                        <input type="text" class="form-control" placeholder="">
                                    </div>
                                    <div class="form-group" style="display: block; width: 20%; margin-left: 20px; float: right">
                                        <label class="control-label">给地址取个名称</label>
                                        <input type="text" class="form-control" placeholder="">
                                    </div>
                                    <div class="form-group" style="display: block;  float: left; clear: both">
                                        <button type="submit" class="btn btn-default">增加</button>
                                    </div>
                                </div>
                            </div>
                            <ul class="add_list">
                                <li>
                                    <div class="all_l">
                                        <div class="al_lab"><a href="">公司地址</a></div>
                                    </div>
                                    <div class="all_r">
                                        <div class="al_detail">
                                            <span>曹佳伟</span>
                                            <span>13455654298</span>
                                            上海市闵行区浦江镇江凯路199号1号楼508室
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="all_l">
                                        <div class="al_lab"><a href="" class="current">家庭地址</a></div>
                                    </div>
                                    <div class="all_r">
                                        <div class="al_detail">
                                            <span>曹佳伟</span>
                                            <span>13455654298</span>
                                            上海市闵行区浦江镇江凯路199号1号楼508室
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="all_l">
                                        <div class="al_lab"><a href="">老婆公司地址</a></div>
                                    </div>
                                    <div class="all_r">
                                        <div class="al_detail">
                                            <span>曹佳伟</span>
                                            <span>13455654298</span>
                                            上海市闵行区浦江镇江凯路199号1号楼508室
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>

                        <div class="om_content_02">

                            <div class="oc_tit">
                                支付方式
                            </div>
                            <ul class="add_list2">
                                <li>
                                    <div class="al_lab2"><a data-toggle="collapse" data-target="#collapseExample2" aria-expanded="false" aria-controls="collapseExample">在线支付</a></div>
                                </li>
                                <li>
                                    <div class="al_lab2"><a href="">公司转账</a></div>
                                </li>
                                <li>
                                    <div class="al_lab2"><a href="">邮局汇款</a></div>
                                </li>
                                <li>
                                    <div class="al_lab2"><a href="" class="current">货到付款</a></div>
                                </li>
                            </ul>

                            <div class="collapse" id="collapseExample2" style=" overflow: hidden; margin: 20px 0 0px 0 !important;">
                                <div class="alert alert-warning alert-dismissible fade in" role="alert" style=" margin-bottom: 0px !important; overflow: hidden;">

                                    <ul class="bank_list">
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios1"
                                                           value="option1" checked>
                                                    <img src="assets/img/icons/bank/upico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios2"
                                                           value="option1" checked>
                                                    <img src="assets/img/icons/bank/zgico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios3"
                                                           value="option1" checked>
                                                    <img src="assets/img/icons/bank/gsico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios4"
                                                           value="option1" checked>
                                                    <img src="assets/img/icons/bank/jsico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios5"
                                                           value="option1" checked>
                                                    <img src="assets/img/icons/bank/jtico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios6"
                                                           value="option1" checked>
                                                    <img src="assets/img/icons/bank/yzico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios7"
                                                           value="option1" checked>
                                                    <img src="assets/img/icons/bank/nyico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios8"
                                                           value="option1" checked>
                                                    <img src="assets/img/icons/bank/zsico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios9"
                                                           value="option1" checked>
                                                    <img src="assets/img/icons/bank/zxico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios10"
                                                           value="option1" checked>
                                                    <img src="assets/img/icons/bank/pfico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios11"
                                                           value="option1" checked>
                                                    <img src="assets/img/icons/bank/bjico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios12"
                                                           value="option1" checked>
                                                    <img src="assets/img/icons/bank/gdico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios13"
                                                           value="option1" checked>
                                                    <img src="assets/img/icons/bank/gfico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios14"
                                                           value="option1" checked>
                                                    <img src="assets/img/icons/bank/hzico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios15"
                                                           value="option1" checked>
                                                    <img src="assets/img/icons/bank/msico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios16"
                                                           value="option1" checked>
                                                    <img src="assets/img/icons/bank/nbico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios17"
                                                           value="option1" checked>
                                                    <img src="assets/img/icons/bank/ncico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios18"
                                                           value="option1" checked>
                                                    <img src="assets/img/icons/bank/paico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios19"
                                                           value="option1" checked>
                                                    <img src="assets/img/icons/bank/shico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios20"
                                                           value="option1" checked>
                                                    <img src="assets/img/icons/bank/xyico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                    </ul>
                                    
                                </div>
                            </div>

                        </div>


                        <div class="om_content_03">

                            <div class="oc_tit">

                                <span><a href="">[返回购物车修改]</a></span>
                                送货清单
                            </div>

                            <ul class="qd_l">
                                <li>
                                    <table class="qlt">
                                        <tr>
                                            <td class="t1">
                                                <div class="tt_img">
                                                    <a href="#"><img data-src="holder.js/50x50" alt=""></a>
                                                </div>
                                            </td>
                                            <td>
                                                <a href="">
                                                    <span>京东自营，任选3件75折！安溪原产！</span>
                                                    逸香安溪铁观音特级乌龙茶叶礼盒500g
                                                </a>
                                            </td>
                                            <td class="t2">￥45.00</td>
                                            <td class="t1">x3</td>
                                        </tr>
                                    </table>
                                </li>
                                <li>
                                    <table class="qlt">
                                        <tr>
                                            <td class="t1">
                                                <div class="tt_img">
                                                    <a href="#"><img data-src="holder.js/50x50" alt=""></a>
                                                </div>
                                            </td>
                                            <td>
                                                <a href="">
                                                    <span>京东自营，任选3件75折！安溪原产！</span>
                                                    逸香安溪铁观音特级乌龙茶叶礼盒500g
                                                </a>
                                            </td>
                                            <td class="t2">￥45.00</td>
                                            <td class="t1">x3</td>
                                        </tr>
                                    </table>
                                </li>
                                <li>
                                    <table class="qlt">
                                        <tr>
                                            <td class="t1">
                                                <div class="tt_img">
                                                    <a href="#"><img data-src="holder.js/50x50" alt=""></a>
                                                </div>
                                            </td>
                                            <td>
                                                <a href="">
                                                    <span>京东自营，任选3件75折！安溪原产！</span>
                                                    逸香安溪铁观音特级乌龙茶叶礼盒500g
                                                </a>
                                            </td>
                                            <td class="t2">￥45.00</td>
                                            <td class="t1">x3</td>
                                        </tr>
                                    </table>
                                </li>
                            </ul>

                            <div class="qd_r">
                                <div class="oc_tit">
                                    填写订单备注
                                </div>
                                <div class="dd_book">
                                    <textarea class="form-control" rows="3"></textarea>
                                </div>
                                <div class="dd_book">
                                    提示：请勿填写有关支付、收货、发票方面的信息。
                                </div>
                            </div>

                        </div>


                        <div class="om_content_02">

                            <div class="oc_tit">
                                <span><a data-toggle="collapse" data-target="#collapseExample2" aria-expanded="false" aria-controls="collapseExample2">[新增发票抬头]</a></span>
                                发票信息
                            </div>
                            <div class="collapse" id="collapseExample2" style="clear: both; margin: 20px 0 0 0 !important;">
                                <div class="alert alert-warning alert-dismissible fade in" role="alert" style=" margin-bottom: 0px !important; overflow: hidden;">
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <div class="form-group">
                                        <label style="padding-bottom: 10px;">请输入新的发票抬头。</label>
                                        <input type="text" class="form-control" id="" placeholder="">
                                    </div>
                                    <button type="submit" class="btn btn-default">增加</button>
                                </div>
                            </div>
                            <ul class="add_list3">
                                <li>
                                    <div class="al_lab3"><a href="">个人</a></div>
                                </li>
                                <li>
                                    <div class="al_lab3"><a href="">上海暨信信息技术有限公司</a></div>
                                </li>
                                <li>
                                    <div class="al_lab3"><a href="" class="current">纳速网络科技（上海）有限公司</a></div>
                                </li>
                            </ul>

                        </div>

                        <div class="peicr_info">
                            <div class="pi"><span class="pil">3件商品，总金额：</span><span class="pir">￥889.00</span></div>
                            <div class="pi"><span class="pil">运费：</span><span class="pir">￥8.00</span></div>
                            <div class="pi"><span class="pil">优惠，总金额：</span><span class="pir">-￥50.00</span></div>
                            <div class="pi"><span class="pil">应付总额：</span><span class="pir">￥839.00</span></div>
                        </div>

                        <div class="peicr_check">
                            <div class="pcl">应付总额：<span>￥456.00</span></div>
                            <div class="pcr"><a href="">提交订单</a></div>
                        </div>


                    </div>
                    
                </div>


            </div>
        </div>

        <div class="pc_footer">
            <div class="pc_w1200">
                <div class="pc_mod">
                    <div class="footer_ad"><a href=""><img data-src="holder.js/100%x170" alt=""></a></div>

                    <ul class="footer_info">
                        <li class="li_fa">
                            <div class="info_text">
                                品质保障
                                <span>购物至此无忧</span>
                            </div>
                        </li>
                        <li class="li_fb">
                            <div class="info_text">
                                7天退换货
                                <span>售后无忧保障</span>
                            </div>
                        </li>
                        <li class="li_fc">
                            <div class="info_text">
                                特色体验
                                <span>不一样的服务</span>
                            </div>
                        </li>
                        <li class="li_fd">
                            <div class="info_text">
                                帮助中心
                                <span>您的购物指南</span>
                            </div>
                        </li>
                    </ul>
                    <ul class="footer_service">
                        <li class="li_fe">
                            <div class="wx"><img src="assets/img/icons/wx.jpg" alt="" class="img-responsive"/></div>
                            <div class="shuoming">"扫一扫，下载花予茶手机客户端"</div>

                        </li>
                        <li class="li_ff">
                            <img src="assets/img/bg/foot_27.png" alt="" class="img-responsive"/>
                        </li>
                        <li class="li_fg">
                            <div class="tel400">400-100-5678</div>
                            <div class="teltime">周一至周日 08:00-18:00<br>（仅收市话费）</div>
                            <div class="teltime">
                                <div class="tbot"><a href=""><span class="glyphicon glyphicon-comment" aria-hidden="true"></span> 7X8小时在线客服</a></div>
                            </div>
                        </li>
                    </ul>
                    <div class="footer_copyright">
                        <span>huayucha.com</span>
                        <span>沪icp证1105665号</span>
                        <span>沪icp备1105665号</span>
                        <span>沪公安网备110566787865号</span>
                        <span>沪网文[2015]0059-0009号</span>
                    </div>
                </div>
            </div>
        </div>


    </div>

</div>

<script src="assets/js/holder.js"></script>
<script src="assets/js/alert.js"></script>
<script src="assets/js/collapse.js"></script>
<script src="assets/js/PCASClass.js"></script>

<script language="javascript" defer>
    new PCAS("province1","city1","area1","吉林省","吉林市","龙潭区");
</script>

</body>
</html>
